<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>省广文章页</title>
  <link rel="stylesheet" href="./css/reset.css">
  <!-- <link rel="stylesheet" href="./css/common.css"> -->
  <link rel="stylesheet" href="./css/resources1.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <div class="logo-box">
      <img src="./assets/images/logo.png" alt="logo">
    </div>
    <div class="search-box">
      <a href="./resources2.html">
        <img src="./assets/images/search-logo.png" alt="search">
      </a>
    </div>
    <div class="menu">
      <div class="line"></div>
      <div class="line"></div>
      <div class="line"></div>
      <div class="message">1</div>
    </div>
  </header>
  <!-- 主要内容 -->
  <section class="content">
    <div class="banner">
      <img src="./assets/images/resource.png" alt="banner">
      <div class="mask-layer">
        <p>线下媒体资源</p>
        <div class="mask-text">
          <p>饿了么线下媒体资源 </p>
          <div class="time">
            <p>12月26日 07:33:43</p>
            <p class="eye">
              <img src="./assets/images/eye.png" alt="eye">
            </p>
            <p>560</p>
          </div>
        </div>
      </div>
    </div>
    <div class="wrapper">
      <div class="left">
        <img src="./assets/images/resource-video.png" alt="resource-video">
      </div>
      <div class="right">
        <p>腾讯视频</p>
        <p>腾讯视频贴片广告、60秒贴片广告
          质量超棒、欢迎尝试......</p>
        <div class="eye">
          2015-9-3
          <img src="./assets/images/resource-eye.png" alt="resource-eye">
          250
        </div>
      </div>
    </div>
    <div class="wrapper">
      <div class="left">
        <img src="./assets/images/resource-video.png" alt="resource-video">
      </div>
      <div class="right">
        <p>腾讯视频</p>
        <p>腾讯视频贴片广告、60秒贴片广告
          质量超棒、欢迎尝试......</p>
        <div class="eye">
          2015-9-3
          <img src="./assets/images/resource-eye.png" alt="resource-eye">
          250
        </div>
      </div>
    </div>
    <div class="wrapper">
      <div class="left">
        <img src="./assets/images/resource-video.png" alt="resource-video">
      </div>
      <div class="right">
        <p>腾讯视频</p>
        <p>腾讯视频贴片广告、60秒贴片广告
          质量超棒、欢迎尝试......</p>
        <div class="eye">
          2015-9-3
          <img src="./assets/images/resource-eye.png" alt="resource-eye">
          250
        </div>
      </div>
    </div>
    <div class="more">
      <p>加载更多</p>
    </div>
  </section>
  <!-- 尾部 -->
  <footer>
    <ul>
      <li>
        <a href="#">
          <div class="foot-logo">
            <img src="./assets/images/pic6-1.png" alt="首页">
            <p>首页</p>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="foot-logo">
            <img src="./assets/images/pic6-2.png" alt="GIMC">
            <p>GIMC</p>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="foot-logo">
            <img src="./assets/images/resource-pen_25.png" alt="文章">
            <p>文章</p>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="foot-logo">
            <img src="./assets/images/resource-flower_22.png" alt="资源">
            <p>资源</p>
          </div>
        </a>
      </li>
      <li>
        <a href="#">
          <div class="foot-logo">
            <img src="./assets/images/pic6-5.png" alt="学院">
            <p>学院</p>
          </div>
        </a>
      </li>
    </ul>
  </footer>
</body>

</html>